﻿<!--
   Copyright (c) 2021 CodeZhangBorui
   PHStudy is licensed under Mulan PSL v2.
   You can use this software according to the terms and conditions of the Mulan PSL v2.
   You may obtain a copy of Mulan PSL v2 at:
               http://license.coscl.org.cn/MulanPSL2
   THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT, MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
   See the Mulan PSL v2 for more details.
-->

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>党史学习平台</title>
    <meta name="renderer" content="webkit">
    <link rel="icon" href="http://dangshi.people.com.cn/favicon.ico">
    <link rel="stylesheet" href="https://unpkg.com/layui@2.6.8/dist/css/layui.css">
    <script src="https://unpkg.com/layui@2.6.8/dist/layui.js"></script>
    <style>
        .center {
            text-align: center;
        }

        .bold {
            font-weight: bold;
        }

        p.webHeadText {
            font-family: "Microsoft YaHei UI";
            font-size: 20px;
            font-weight: bold;
            text-align: center;
        }

        div.news {
            padding: 10px 10px 10px 10px;
        }

        div.foot {
            font-family: "Microsoft YaHei UI";
            font-size: 13px;
            font-weight: bold;
            text-align: center;
            background-color: #2f4056;
            color: #fafafa;
            padding: 16px;
        }
    </style>
</head>
<body>
    <ul class="layui-nav" id="TOP">
        <li class="layui-nav-item layui-this">
            <a href="/index.html">首页</a>
        </li>
        <li class="layui-nav-item">
            <a href="">学习</a>
            <dl class="layui-nav-child">
                <dd><a href="/LearnPage/001.htm">1. 党的基本知识</a></dd>
                <dd><a href="/LearnPage/002.htm">2. 选择题</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item">
            <a href="/test.htm">答题</a>
        </li>
    </ul>

    <div style="padding: 10px 50px 10px 50px">
        <div class="layui-row layui-col-space10">
            <div class="layui-col-md7">
                <div class="layui-carousel" id="webHeadPic">
                    <div carousel-item>
                        <div>
                            <img src="https://pic.imgdb.cn/item/60e1792d5132923bf8f9036f.jpg"><br />
                            <p class="webHeadText">庆祝中国共产党成立100周年大会在天安门广场隆重举行</p>
                        </div>
                        <div>
                            <img src="https://pic.imgdb.cn/item/60e1793e5132923bf8f961fb.jpg"><br />
                            <p class="webHeadText">庆祝中国共产党成立100周年“七一勋章”颁授仪式在京隆重举行</p>
                        </div>
                        <div>
                            <img src="https://pic.imgdb.cn/item/60e179585132923bf8f9f3d1.jpg"><br />
                            <p class="webHeadText">庆祝中国共产党成立100周年文艺演出《伟大征程》在京盛大举行</p>
                        </div>
                        <div>
                            <img src="https://pic.imgdb.cn/item/60e179775132923bf8fa997b.jpg"><br />
                            <p class="webHeadText">以习近平同志为核心的党中央引领亿万人民走向民族复兴纪实</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md5">
                <p class="bold" style="font-size: 40px">最新要闻</p>
                <div class="news">
                    <a href="./NewsPage/83jd9z.htm"><p><span class="layui-badge">HOT!</span> 习近平在庆祝中国共产党成立100周年大会上的讲话</p></a>
                </div>
            </div>
        </div>
    </div>

    <div class="foot">
        <p>党史学习平台</p>
        <p>Copyright (c) 2021 CodeZhangBorui, All Right Reserved.</p>
        <p>最后更新：2021-7-2</p>
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/layui/2.6.8/layui.js" charset="utf-8"></script>
    <script>
        layui.use('element', function () {
            var element = layui.element;

            element.on('nav(demo)', function (elem) {
                layer.msg(elem.text());
            });
        });
        layui.use('carousel', function () {
            var carousel = layui.carousel;
            carousel.render({
                elem: '#webHeadPic'
                , width: '630px'
                , height: '440px'
                , arrow: 'always' //始终显示箭头
                //,anim: 'updown' //切换动画方式
            });
        });
    </script>

</body>
</html>
